<template>
  <div class="g2-accout-setting">
    <header class="accout-setting-header">
      <span>安全设置</span>
    </header>
    <main class="g2-list is-split">
      <div class="list-item">
        <div class="list-item-meta">
          <div class="list-item-meta-content">
            <h4 class="list-item-meta-title">账户密码</h4>
            <div class="list-item-meta-description">
              <span>当前密码强度:</span>
              <span>强</span>
            </div>
          </div>
        </div>
        <ul class="list-item-action">
          <li>
            <a>
              <span>修改</span>
            </a>
          </li>
        </ul>
      </div>
      <div class="list-item">
        <div class="list-item-meta">
          <div class="list-item-meta-content">
            <h4 class="list-item-meta-title">密保手机</h4>
            <div class="list-item-meta-description">
              <span>已绑定手机:</span>
              <span>138****8293</span>
            </div>
          </div>
        </div>
        <ul class="list-item-action">
          <li>
            <a>
              <span>修改</span>
            </a>
          </li>
        </ul>
      </div>
      <div class="list-item">
        <div class="list-item-meta">
          <div class="list-item-meta-content">
            <h4 class="list-item-meta-title">密保问题</h4>
            <div class="list-item-meta-description">
              <span>未设置密保问题，密保问题可有效保护账户安全</span>
            </div>
          </div>
        </div>
        <ul class="list-item-action">
          <li>
            <a>
              <span>修改</span>
            </a>
          </li>
        </ul>
      </div>
      <div class="list-item">
        <div class="list-item-meta">
          <div class="list-item-meta-content">
            <h4 class="list-item-meta-title">备用邮箱</h4>
            <div class="list-item-meta-description">
              <span>已绑定邮箱:</span>
              <span>ant***sign.com</span>
            </div>
          </div>
        </div>
        <ul class="list-item-action">
          <li>
            <a>
              <span>修改</span>
            </a>
          </li>
        </ul>
      </div>
      <div class="list-item">
        <div class="list-item-meta">
          <div class="list-item-meta-content">
            <h4 class="list-item-meta-title">MFA 设备</h4>
            <div class="list-item-meta-description">
              <span>未绑定 MFA 设备，绑定后，可以进行二次确认</span>
            </div>
          </div>
        </div>
        <ul class="list-item-action">
          <li>
            <a>
              <span>绑定</span>
            </a>
          </li>
        </ul>
      </div>
    </main>
  </div>
</template>

<script>
export default {
  name: "PersonSettingSecurity",
  props: {},
  components: {},
  data() {
    return {};
  },
  computed: {},
  created() {},
  mounted() {},
  watch: {},
  methods: {}
};
</script>

<style scoped lang="scss">
</style>
